<link href="system/modules/hotuy_images_slider/html/css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
<script type="text/javascript" src="system/themes/anhduong/js/jquery-1.7.2.min.js"></script>
<script src="system/modules/hotuy_images_slider/html/js/jquery.skitter.min.js"></script>
<script src="system/modules/hotuy_images_slider/html/js/jquery.easing.1.3.js"></script>
<script src="system/modules/hotuy_images_slider/html/js/jquery.animate-colors-min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
	    $(function(){
		    $('.box_skitter_medium').css({width: 450, height: 289}).skitter({show_randomly: true, navigation: false, dots: false, interval: 3000});
		});
	}); 
</script>
<div class="box_skitter box_skitter_medium">
    <ul>
    	<?php foreach($this->arrImage as $image): ?>
		<li>
            <a href='<?php echo ampersand($image['urlSlider']); ?>'><img src='<?php echo $image['image']; ?>' class="block" /></a>

            <div class="label_text">
                <p><?php echo $image['name']; ?> </p>
            </div>
        </li>
		<?php endforeach; ?>
    </ul>
</div>
